<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>首页</title>
    <link rel="icon" href="./img/icon.png">
    <link rel="stylesheet" href="./css/bootstrap.min.css">
    <script src="./js/jquery-3.3.1.min.js"></script>
    <script src="https://cdn.bootcss.com/popper.js/1.12.5/umd/popper.min.js"></script>
    <script src="./js/bootstrap.min.js"></script>
    <script src="./js/index.js"></script>
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
<!--顶部导航条-->
<div class="nav_bg">
    <div class="container">
        <nav class="navbar navbar-expand-lg navbar-light">
            <a class="navbar-brand title_font" href="./index.html">
                <img src="./img/logo.png" alt="" width="300px">
            </a>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
                    aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarSupportedContent">
                <ul class="navbar-nav nav_light">
                    <li class="nav-item active">
                        <a class="nav-link" href="./index.html">首页 <span class="sr-only">(current)</span></a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="./html/main_shop.html">购买矿机</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="./html/help.html">帮助中心</a>
                    </li>
                </ul>
            </div>
        </nav>
    </div>
</div>
<!--顶部导航条结束-->
<!--中间内容开始-->
<!--轮播开始-->
<div class="container-fluid banner_width">
    <div id="demo" class="carousel slide" data-ride="carousel">
        <!-- 指示符 -->
        <ul class="carousel-indicators">
            <li data-target="#demo" data-slide-to="0" class="active"></li>
            <li data-target="#demo" data-slide-to="1"></li>
            <li data-target="#demo" data-slide-to="2"></li>
        </ul>

        <!-- 轮播图片 -->
        <div class="carousel-inner ">
            <div class="carousel-item active">
                <img src="./img/banner.jpg" width="100%">
            </div>
            <div class="carousel-item">
                <img src="./img/banner2.jpg" width="100%">
            </div>
            <div class="carousel-item">
                <img src="./img/banner3.jpg" width="100%">
            </div>
        </div>

        <!-- 左右切换按钮 -->
        <a class="carousel-control-prev" href="#demo" data-slide="prev">
            <span class="carousel-control-prev-icon"></span>
        </a>
        <a class="carousel-control-next" href="#demo" data-slide="next">
            <span class="carousel-control-next-icon"></span>
        </a>

    </div>
</div>
<!--轮播结束-->
<div class="main2">
    <div class="container">
        <div class="main_title">nodever矿池数据统计</div>
        <div class="line"></div>
        <p class="describe">实时查看矿池、矿机数据 支持矿机删除、修改等操作</p>
        <input type="text" placeholder="输入钱包地址" class="node_input">
        <button class="node_btn" onclick={window.location.href='./html/details.html'}>搜索</button>
        <table class="table table-bordered table-striped">
            <thead>
            <tr>
                <th>矿池算力</th>
                <th>100M算力昨日收益</th>
                <th>100M算力昨日收益</th>
                <th>矿机</th>
                <th>矿工</th>
                <th>24H 出块</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>33.32TH/s</td>
                <td>￥33.85</td>
                <td>0.00769 ETH</td>
                <td>241693</td>
                <td>28142</td>
                <td>933</td>
            </tr>
            </tbody>
        </table>

    </div>
</div>
<div class="main">
    <div class="container">
        <div class="main_title">什么是矿机托管</div>
        <div class="line"></div>
        <p class="describe">计算、存储、监控、安全，完善的产品满足您的一切所需</p>
        <div class="row">
            <div class="col-lg-8 list_style">
                <p><img src="./img/small.png" alt="" style="margin-top: -5px">购买nodever矿机后将矿机托管在nodever矿场，由专业人员部署，24小时维护
                </p>
                <p><img src="./img/small.png" alt="" style="margin-top: -5px">按照固定功率收取0.65元/千瓦电费，不收取维护费；次月发送电费账单，人民币汇款结算
                </p>
                <p><img src="./img/small.png" alt="" style="margin-top: -5px">支付尾款时需提交您的邮箱地址，我们会把后续资料发送给您</p>
                <p><img src="./img/small.png" alt="" style="margin-top: -5px">发货后3天即可完成部署开始挖矿，您可通过矿池连接查看算力、收益情况，如有任何问题可联系矿场工作人员处理
                </p>
            </div>
            <div class="col-lg-4">
                <img class="img-fluid" src="./img/qukuailian.png" alt="">
            </div>
        </div>
    </div>
</div>
<div class="main2">
    <div class="container">
        <div class="main_title">矿机托管的好处？</div>
        <div class="line"></div>
        <p class="describe">高标准设备、架构与灾备机制，全方位立体保障</p>
        <div class="row spacing">
            <div class="col">
                <img class="img-fluid" src="./img/features1.png" alt="">
            </div>
            <div class="col">
                <img class="img-fluid" src="./img/features2.png" alt="">
            </div>
            <div class="col">
                <img class="img-fluid" src="./img/features3.png" alt="">
            </div>
        </div>
    </div>
</div>
<div class="main">
    <div class="container">
        <div class="main_title">怎么托管矿机?</div>
        <div class="line"></div>
        <p class="describe">打造个性化行业解决方案，为您提供一站式的产品与服务</p>
        <div class="row spacing">
            <div class="col">
                <img class="img-fluid" src="./img/hosting1.png" alt="">
            </div>
            <div class="col">
                <img class="img-fluid arrow" src="./img/arrow.png" alt="">
            </div>
            <div class="col">
                <img class="img-fluid" src="./img/hosting2.png" alt="">
            </div>
            <div class="col">
                <img class="img-fluid arrow" src="./img/arrow.png" alt="">
            </div>
            <div class="col">
                <img class="img-fluid" src="./img/hosting3.png" alt="">
            </div>
            <div class="col">
                <img class="img-fluid arrow" src="./img/arrow.png" alt="">
            </div>
            <div class="col">
                <img class="img-fluid" src="./img/hosting4.png" alt="">
            </div>
        </div>
    </div>
</div>


<div class="shop">
    <div class="shop_title"><p>现在购买，即刻畅享顶级区块链产品和全方位服务</p></div>
    <button class="shop_button" onclick={window.location.href='./html/help.html'}>查看更详细的流程>></button>
</div>
<!--中间内容结束-->

<!--底部内容开始-->
<div style="width: 100%; background: #e4e4e7;padding-top: 28px">
    <div class="container">
        <div class="footer_top">
            <ul>
                <li class="footer_top_title">服务</li>
                <li><a href="">常见问题</a></li>
                <li><a href="">区块链浏览器</a></li>
            </ul>
            <ul>
                <li class="footer_top_title">注意事项</li>
                <li><a href="">ETH挖矿机入门教程</a></li>
                <li><a href="">如何查看自己的收益</a></li>
                <li><a href="">如何设置掉线、转账提醒</a></li>
            </ul>
            <ul>
                <li class="footer_top_title">服务热线</li>
                <li style="font-size: 24px;color: #6c6c6c;">4008-500-700<span class="phone_line">|</span></li>

            </ul>
            <ul>
                <li class="footer_top_img">
                    <img src="./img/weibo.png" alt="">
                    <img src="./img/wecat.png" alt="">
                    <img src="./img/headset.png" alt="">
                </li>
                <li><a href="">Kefu@swzh.com</a></li>
            </ul>
            <ul>
                <img src="./img/code.jpg" alt="">
                <p style="font-size: 16px;color: #6c6c6c;text-align: center;margin-top: 8px">扫一扫 关注我们</p>
            </ul>
        </div>
    </div>
</div>
<div style="width: 100%; background: #48474a">
    <div class="container">
        <div class="footer_bottom">
            <div style="border: 1px solid #fff;border-radius: 12px;width: 12px;height: 12px;text-align: center;line-height: 9px">c</div>
            <span>&nbsp 2018 &nbsp iobox &nbsp All &nbsp rights &nbsp reserved &nbsp 成都嗒嗒嗒信息技术有限公司</span>
            <img src="img/polic_.png" alt="">
            <span style="margin-left: 10px">蜀ICP备16018741号-2</span>
            <img src="img/qytb1_hui.png" alt="">
            <img src="img/qytb2_hui.png" alt="">
            <img src="img/qytb3_hui.png" alt="">
        </div>
    </div>
</div>
<!--底部内容结束-->

</body>
</html>